summaryrefslogtreecommitdiff
path: root/src/pages/[locale]/index.astro
blob: 30c06fcdcbd7c85370a815495e63a187159bb3e0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
---
import Page from '$layouts/Page.astro';
import localeStaticPaths from '$lib/localeStaticPaths';
import translate from '$i18n/translate';
import tPage from '$i18n/translations/pages/home';
import type Locale from '$types/Locale';
import { getMostRecentNewsItem } from '$lib/newsUtils';
import NewsPreviewLink from '$components/NewsPreviewLink.astro';
import contactDetails from '$data/contactDetails';

export async function getStaticPaths() {
  return localeStaticPaths;
}

const locale = Astro.params.locale as Locale;
const t = translate(locale);
const mostRecentNewsItem = await getMostRecentNewsItem(locale);
---

<Page title={t(tPage, { key: 'title' })}>
  <section>
    <h2 set:html={t(tPage, { key: 'news' })} />
    {mostRecentNewsItem && <NewsPreviewLink headingLevel="h3" newsItem={mostRecentNewsItem} />}
    <div class="align-end margin-block-start-md">
      <a href={`/${locale}/news`} class="btn">
        {t(tPage, { key: 'aw-news' })} ▷
      </a>
    </div>
  </section>

  <section>
    <h2 set:html={t(tPage, { key: 'furthsettins' })} />
    <p set:html={t(tPage, { key: 'furthsettins-para' })} />
    <div class="align-end">
      <a href={`/${locale}/furthsettins`} class="btn">
        {t(tPage, { key: 'aw-furthsettins' })} ▷
      </a>
    </div>
  </section>

  <section>
    <h2 set:html={t(tPage, { key: 'jyne' })} />

    <h3 set:html={t(tPage, { key: 'why-jyne' })} />
    <p set:html={t(tPage, { key: 'why-jyne-para-1' })} />
    <p set:html={t(tPage, { key: 'why-jyne-para-2' })} />
    <p set:html={t(tPage, { key: 'why-jyne-para-3' })} />

    <h3 set:html={t(tPage, { key: 'hou-jyne' })} />
    <p set:html={t(tPage, { key: 'hou-jyne-para-1' })} />
    <p
      set:html={t(tPage, {
        key: 'hou-jyne-para-2',
        membershipEmail: contactDetails.membershipSecretary.emailAddress,
      })}
    />
  </section>

  <section id="contact">
    <h2 set:html={t(tPage, { key: 'contact' })} />
    <a class="link" href={`${locale}/mailto:${contactDetails.generalEnquiries.emailAddress}`}>
      {contactDetails.generalEnquiries.emailAddress}
    </a>
    <address>
      Scots Language Society<br />
       c/o 61 Cliffburn Road<br />
       Arbroath<br />
       Angus<br />
       DD11 5BA<br />
       United Kingdom<br />
    </address>
  </section>
</Page>